<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="./js/bookManage.js"></script>
    <link rel="stylesheet" href="./css/bookManage.css">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <script src="./js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="./css/global.css">
    <link rel="icon" href="./images/icon.png">
    <title>图书管理</title>
</head>

<body>
    <iframe src="./header.html" scrolling="no" frameborder="0" width="100%" height="45px" frameborder="0"></iframe>
    <iframe src="./personalCenter.html" scrolling="no" frameborder="0" width="100%" height="70px"
        frameborder="0"></iframe>
    <div class="manageContainer">
        <table class="table table-hover tableStyle">
            <thead>
                <tr>
                    <th scope="col" colspan="4">
                        <div class="form-check checkStyle">
                            <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                            <label class="form-check-label" for="flexCheckChecked">
                                全选
                            </label>
                        </div>
                        <button type="button" class="btn btn-outline-secondary btnStyle">批量删除</button>
                        <button type="button" class="btn btn-outline-secondary btnStyle">修改图书</button>
                        <button type="button" class="btn btn-outline-secondary btnStyle">添加图书</button>
                    </th>

                </tr>
                <tr>
                    <th scope="col"> 选择
                    </th>
                    <th scope="col">图书图片</th>
                    <th scope="col">图书信息</th>
                    <th scope="col">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                        </div>
                    </th>
                    <td><img src="./images/kdy3.jpg" class="img-thumbnail picStyle" alt="..."></td>
                    <td>
                        <p>作者：<span>abc</span></p>
                        <p>出版社：<span>abc</span></p>
                        <p>出版社：<span>abc</span></p>
                        <p>售价：<span>abc</span></p>
                        <p>分类：<span>abc</span></p>
                    </td>
                    <td> <button type="button" class="btn btn-outline-secondary btnStyle">删除</button>
                    </td>
                </tr>
                <tr>
                    <th scope="row">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                        </div>
                    </th>
                    <td><img src="./images/kdy3.jpg" class="img-thumbnail picStyle" alt="..."></td>
                    <td>
                        <p>作者：<span>abc</span></p>
                        <p>出版社：<span>abc</span></p>
                        <p>出版社：<span>abc</span></p>
                        <p>售价：<span>abc</span></p>
                        <p>分类：<span>abc</span></p>
                    </td>
                    <td> <button type="button" class="btn btn-outline-secondary btnStyle">删除</button>
                    </td>
                </tr>
                <tr>
                    <th scope="row">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
                        </div>
                    </th>
                    <td><img src="./images/kdy3.jpg" class="img-thumbnail picStyle" alt="..."></td>
                    <td>
                        <p>作者：<span>abc</span></p>
                        <p>出版社：<span>abc</span></p>
                        <p>出版社：<span>abc</span></p>
                        <p>售价：<span>abc</span></p>
                        <p>分类：<span>abc</span></p>
                    </td>
                    <td> <button type="button" class="btn btn-outline-secondary btnStyle">删除</button>
                    </td>
                </tr>
            </tbody>
        </table>
        <nav class="pageManage">
            <ul class="pagination">
                <li class="page-item disabled">
                    <a class="page-link">Previous</a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item " aria-current="page">
                    <a class="page-link" href="#">2</a>
                </li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#">Next</a>
                </li>
            </ul>
        </nav>
    </div>
    <div id="footer">
        <iframe src="footer.html" height="320px" width="100%" frameborder="0" scrolling="no"></iframe>
    </div>
</body>

</html>